<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>setter和getter</title>
    <script type="text/javascript" src="vue.js"></script>
</head>
<body>

     <div id="app">
       {{fullName}}
     </div>

    <script>
    var  vm  =  new Vue({
          el:'#app',
          data:{
            firstName: 'fei',
            lastName:"li"
          },
          computed:{
            fullName:{
                get:function () {
                  return   this.firstName+ " " +this.lastName;
                },
                set:function (value) {

                  var arr = value.split(" ");
                  this.firstName = arr[0];
                  this.lastName = arr[1];
                  console.log(value)
                }
            }
          }

        })
    </script>
</body>
</html>